<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>警告信息</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container">
			<!--弹框    弹框样式   渐变-->
			<div class="alert alert-info fade in " id="myalert">
				<button type="button" class="close" data-dismiss="alert">
					<span>&times;</span>
				</button>
				<strong>德玛西亚</strong>欢迎你的到来
			</div>
			
			<div class="alert alert-info fade in " id="myalert1">
				<button type="button" class="close" data-dismiss="alert">
					<span>&times;</span>
				</button>
				<strong>德玛西亚</strong>欢迎你的到来
				<button type="button" class="btn btn-primary">详情</button>
			</div>
		</div>
		<script type="text/javascript">
			// $("#myalert").alert("close");//第一个关闭
			// $("#myalert1").on("closed.bs.alert",function(e){
			// 	alert("关闭了，提示");
			// })
		</script>
	</body>
</html>
